/**卖出/买入已付款挂单 */
<template>
  <dialog-box
    :showDialog="showModal"
    :dialogTitle="title"
    @onDialogClose='closeModal'
  >
    <div class="content">
      <div class="form-group">
        <span
          class="label"
          v-text="ownerLabel||$t('owner')||'户主'"
        ></span>
        <el-input
          disabled
          name='owner'
          :value='myData.owner'
        >
        </el-input>
      </div>
      <div class="form-group">
        <span
          class="label"
          v-text="ownerLabel||$t('手机号码')||'手机号码'"
        ></span>
        <el-input
          disabled
          name='tel'
          :value='myData.tel'
        >
        </el-input>
      </div>
      <div class="form-group">
        <span
          class="label"
          v-text="bankCardNoLabel||$t('bankCardNo')||'银行卡号'"
        ></span>
        <el-input
          disabled
          name='bankCardNo'
          :value='myData.bankCardNo'
        >
        </el-input>
      </div>
      <div class="form-group">
        <span
          class="label"
          v-text="depositBankLabel||$t('depositBank')||'开户银行'"
        ></span>
        <el-input
          disabled
          name='depositBank'
          :value='myData.depositBank'
        >
        </el-input>
      </div>
      <div class="form-group">
        <span
          class="label"
          v-text="branchesLabel||$t('bankBranch')||'开户支行'"
        ></span>
        <el-input
          disabled
          name='bankBranches'
          :value='myData.bankBranches'
        >
        </el-input>
      </div>
      <div class="form-group">
        <span
          class="label"
          v-text="transAmountLabel||$t('transferAmount')||'转账金额'"
        ></span>
        <el-input
          disabled
          name='transferAmount'
          :value='myData.transferAmount'
        >
        </el-input>
      </div>
      <slot name='uploadfile'></slot>
      <div class="btn-group">
        <button
          @click='formSubmit'
          class="btn-block btn-large btn-danger btn-active"
          v-text="$t('submit')||'提交'"
        >
        </button>
      </div>
    </div>
  </dialog-box>
</template>
<script>
export default {
  props: {
    title: String,
    show: {
      type: Boolean,
      default: false
    },
    ownerLabel: String,
    bankCardNoLabel: String,
    depositBankLabel: String,
    branchesLabel: String,
    transAmountLabel: String,
    noteLabel: String,
    formData: {
      type: Object
    }
  },
  data() {
    return {
      showModal: this.show,
      myData: {}
    };
  },

  watch: {
    show: function() {
      this.showModal = this.show;
    },
    formData: function() {
      this.myData = this.formData;
    }
  },
  methods: {
    formSubmit() {
      this.$emit("onSubmit");
    },
    closeModal() {
      this.showModal = this.show;
      this.$emit("closeModal");
    },
    onChange(e) {}
  }
};
</script>
<style lang="scss" scoped>
.form-group {
  margin-top: 15px;
  .label {
    display: inline-block;
    margin-bottom: 10px;
  }
  .slot-text {
    @include textVcenter;
  }
}

.btn-group {
  margin-top: 30px;
  .btn-bordered {
    margin-top: 15px;
  }
}
</style>